
/* ==================
         卡片
 ==================== */

.cu-card {
    display: block;
    overflow: hidden;
}

.cu-card > .cu-item {
    display: block;
    background-color: #ffffff;
    overflow: hidden;
    border-radius: 10*1upx;
    margin: 30*1upx;
}

.cu-card > .cu-item.shadow-blur {
    overflow: initial;
}

.cu-card.no-card > .cu-item {
    margin: 0;
    border-radius: 0;
}

.cu-card .grid.grid-square {
    margin-bottom: -20*1upx;
}

.cu-card.case .image {
    position: relative;
}

.cu-card.case .image image {
    width: 100%;
}

.cu-card.case .image .cu-tag {
    position: absolute;
    right: 0;
    top: 0;
}

.cu-card.case .image .cu-bar {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: transparent;
    padding: 0 30*1upx;
}

.cu-card.case.no-card .image {
    margin: 30*1upx 30*1upx 0;
    overflow: hidden;
    border-radius: 10*1upx;
}

.cu-card.dynamic {
    display: block;
}

.cu-card.dynamic > .cu-item {
    display: block;
    background-color: #ffffff;
    overflow: hidden;
}

.cu-card.dynamic > .cu-item > .text-content {
    padding: 0 30*1upx 0;
    max-height: 6.4em;
    overflow: hidden;
    font-size: 30*1upx;
    margin-bottom: 20*1upx;
}

.cu-card.dynamic > .cu-item .square-img {
    width: 100%;
    height: 200*1upx;
    border-radius: 6*1upx;
}

.cu-card.dynamic > .cu-item .only-img {
    width: 100%;
    height: 320*1upx;
    border-radius: 6*1upx;
}

/* card.dynamic>.cu-item .comment {
  padding: 20*1upx;
  background-color: #f1f1f1;
  margin: 0 30*1upx 30*1upx;
  border-radius: 6*1upx;
} */

.cu-card.article {
    display: block;
}

.cu-card.article > .cu-item {
    padding-bottom: 30*1upx;
}

.cu-card.article > .cu-item .title {
    font-size: 30*1upx;
    font-weight: 900;
    color: #333333;
    line-height: 100*1upx;
    padding: 0 30*1upx;
}

.cu-card.article > .cu-item .content {
    display: flex;
    padding: 0 30*1upx;
}

.cu-card.article > .cu-item .content > image {
    width: 240*1upx;
    height: 6.4em;
    margin-right: 20*1upx;
    border-radius: 6*1upx;
}

.cu-card.article > .cu-item .content .desc {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.cu-card.article > .cu-item .content .text-content {
    font-size: 28*1upx;
    color: #888;
    height: 4.8em;
    overflow: hidden;
}
